// 百度统计
var  _hmt  =  _hmt  ||  [];
(function()  {
    var  hm  =  document.createElement("script");
    hm.src  =  "https://hm.baidu.com/hm.js?45b51bd5658f81b5c708d82b9aef4737";
    var  s  =  document.getElementsByTagName("script")[0];  
    s.parentNode.insertBefore(hm,s);
})();


// var urlBox = 'http://120.27.15.133:8000';
// var urlBox = '';
var urlBox = 'http://www.detaihome.com';
// 立即预约 显示提示消息
function prompt_fadeIn(){
	$('.about_decorate_prompt').fadeIn();
}
// 立即预约 隐藏提示消息
function prompt_fadeOut(){
	$('.about_decorate_prompt').fadeOut();
}


// 引入导航栏
$.ajax({
	url: 'header.html',
	dataType: 'html',
	success: function(data) {
		$('.headerpage').html(data);
		// 隐藏导航
		$('.black').click(function() {
			$('.navbar-collapse').fadeOut()
		})
		// 显示导航
		$('.navbar-toggle').click(function() {
			$('.navbar-collapse').fadeIn();
		})

		var links = $(".navbar-collapse .navbar-nav li a");
		var a = $(".navbar-collapse .navbar-nav li li a");
		index = 0; //默认第一个菜单项
		val = '';
		//取当前URL最后一个/后面的文件名，pop方法是删除最后一个元素并返回最后一个元素
		var url = location.href.split("?")[0].split("/").pop();
		if (url) { //如果有取到，则进行匹配，否则默认首页（即index所指向的那个）
			for (var i = 0; i < links.length; i++) { //遍历menu中的链接地址
					// console.log(i,links.length)
				if (links[i].href.indexOf(url) != -1) {
					index = i;
					val = links[i].text
					if(url == 'index.html'){
						$(".navbar-collapse .navbar-nav li").eq(i+1).addClass("pitch1"); //给对应的<li>增加选中样式
					}
					break;
				}
			}
		}
		for (var i = 0; i < a.length; i++) { //遍历menu中的链接地址
			if (a[i].href.indexOf(url) != -1) {
				$(".navbar-collapse .navbar-nav li li").parent().parent('.dropdown').addClass("pitch1");
				$(".navbar-collapse .navbar-nav li li").eq(i).addClass("pitch1");
				break;
			}
		}
		//定义变量获取屏幕视口宽度
		var windowWidth = $(window).width();
		if (windowWidth < 770) {
			$('.container .title').text(val)
			$(".navbar-collapse .navbar-nav li").eq(index).addClass("pitch1"); //给对应的<li>增加选中样式
		}else{
			$(".navbar-collapse .navbar-nav li").eq(index).addClass("pitch"); //给对应的<li>增加选中样式
		}
	}
});

// 隐藏导航
$('.black').click(function() {
	$('.navbar-collapse').fadeOut(200)
})

// 底部关于我们
// $.ajax({
// 	url: 'footer.html',
// 	dataType: 'html',
// 	success: function(data) {
// 		$('.footer').html(data);
// 	}
// });
 $('.footer').load('footer.html',function(responseTxt,statusTxt,xhr){
	$(".serve>ul").empty();
	$.ajax({
		type: 'GET',
		url: urlBox+'/api/website/ServiceCategory/',
		dataType: 'json',
		success: function(data) {
			var case_list = data.category_list;
			for (var i = 0; i < case_list.length; i++) {
				var li = $('<li><a href="service_category.html?service_id='+(i+1)+'">'+case_list[i].service_name+'</a></li>')
				$(".serve>ul").append(li);
			}
		}
	})
 });
// 预约服务
$.ajax({
	url: 'appointment.html',
	dataType: 'html',
	success: function(data) {
		$('.appointment').html(data);
		// 立即预约 显示预约
		$('.subscribeBox').click(function(){
			$('.about_decorateBox').fadeIn();
			// 清空手机输入框
			$('.telephone').val("");
			// 立即预约 隐藏提示消息
			prompt_fadeOut()
		})
		// 立即预约 隐藏预约
		$('.about_show').click(function(){
			$('.about_decorateBox').fadeOut();
		})
		
		// 用户预约服务 
		$('.sendForm').click(function(){
			var flag = false; //提示信息
			var message = '';
			var myreg = /^1[34578]\d{9}$/;
			var city_id = $('.about_decorateBox .select').val(); //城市
			var telephone = $('.about_decorateBox .telephone').val();  //电话
			var username = $(".about_decorateBox .username").val(); //姓名
			var remark = $(".about_decorateBox textarea").val();
			if (username == '' || telephone == '') {
				message = "手机号码姓名不能为空！";
				$('.about_decorate_prompt').val("");
			} else if (telephone.length != 11) {
				message = "请输入有效的手机号码！";
				$('.about_decorate_prompt').val("");
			} else if (!myreg.test(telephone)) {
				message = "请输入有效的手机号码！";
				$('.about_decorate_prompt').val("");
			} else {
				console.log('城市'+city_id,'电话'+telephone,'username'+username,'备注'+remark )
				flag = true;
				$.ajax({
					type: 'POST',
					url: urlBox+'/api/website/AppointmentInfo/',
					data: {
						user_phone: telephone,
						username: username,
						city_id: city_id,
						remark: remark
					},
					dataType: 'json',
					success: function(data) {
						console.log(data)
						if (data.error == 'ok') {
							// 清空手机输入框
							$('.about_decorateBox .telephone').val("");
							$(".about_decorateBox .username").val("");
							$(".about_decorateBox textarea").val("");
						}
					},
					error:function(data) {
						console.log(data)
					}
				});
			}
			if (!flag) {
				//提示错误效果
				var div = $('<div class="about_decorate_prompt"><div class="error">x</div><div>' + message +
					'</div><button>确定</button></div>');
				$('.about_decorateBox').append(div);
				// 立即预约 显示提示消息
				prompt_fadeIn()
			} else {
				//提示正确效果
				var div = $(
					'<div class="about_decorate_prompt"><div class="sucs">✔</div><div class="successful">信息提交成功，客服人员24小时内和您联系。</div><button>确定</button></div>'
				);
				$('.about_decorateBox').append(div);
			}
			// 点击确定隐藏提示信息
			if (flag == true) {
				// 立即预约 显示提示消息
				prompt_fadeIn();
				$('.about_decorateBox .about_decorate_prompt button').click(function() {
					$('.about_decorateBox').css({
						display: 'none'
					})
					// 立即预约 隐藏提示消息
					prompt_fadeOut();
				})
			} else {
				// 立即预约 显示提示消息
				prompt_fadeIn();
				$('.about_decorateBox .about_decorate_prompt button').click(function() {
					// 立即预约 隐藏提示消息
					prompt_fadeOut();
				})
			}
			
		})
		
	}
});

// 页面加载显示
$(function() {
	//获取首页banner
	OpenCity();
	// 文本框字数限制
	$(".about_decorateBox textarea").keyup(function(){
		var number = $(".about_decorateBox textarea").val().length;
		$(".about_decorateBox .number span").text(number);
	});
	var windowWidth = $(window).width();
	if(windowWidth > 846){
		$(document).scroll(function() {
			var scroH = $(document).scrollTop();  //滚动高度
			if(scroH >20){  //距离顶部大于100px时
				// console.log(scroH)
				$('.navbar-header .navbar-brand').css('top','-80px')
				$('.navbar-fixed-bottom, .navbar-fixed-top').css('top','-80px')
				$('.navbar-fixed-bottom, .bannerTop').css('display','block')
			}
			if (scroH < 20){  //距离底部高度小于100px
				$('.navbar-header .navbar-brand').css('top','0px')
				$('.navbar-fixed-bottom, .navbar-fixed-top').css('top','0')
				$('.navbar-fixed-bottom, .bannerTop').css('display','none')
			} 
		});
	}
})

//获取城市
function OpenCity() {
	$.ajax({
		type: 'GET',
		url: urlBox+'/api/website/OpenCity/',
		dataType: 'json',
		success: function(data) {
			// console.log(data)
			var case_list = data.open_city_list;
			for (var i = 0; i < case_list.length; i++) {
				var option = $("<option>");
				option.attr('value', case_list[i].id);
				option.html(case_list[i].city_name);
				$(".select").append(option);
			}
		}
	})
}

